<template>
  <div style="width: 70%;margin: 20px auto">
    <div style="text-align: center;font-weight: bold;font-size: 20px">{{data.introductionData.title}}</div>



  </div>
</template>

<script setup>

import {reactive} from "vue";
import router from "@/router/index.js";
import request from "@/utils/request.js";
import {ElMessage} from "element-plus";

const data = reactive({
  user: JSON.parse(localStorage.getItem('code2025_user') || "{}"),
  introductionId: router.currentRoute.value.query.id,
  introductionData: {}
})

const loadIntroduction = () =>{
  // console.log(data.introductionId)
  request.get("/introduction/selectById/"+data.introductionId).then(res=>{
    if(res.code === '200'){
      data.introductionData = res.data
    }else{
      ElMessage.error(res.msg)
    }
  })
}
loadIntroduction()
</script>